<div id="web-main">
    <div id="web-nav">
        <div onclick="scrollToDiv('web-content-show')" id="logo-img">至轻云</div>
<!--        <img onclick="scrollToDiv('web-content-show')" id="logo-img" src="https://img.isxcode.com/picgo/20230301212621.png" alt="logo"/>-->
        <ul id="web-nav-ul">
            <li onclick="scrollToDiv('web-content-function')">产品优势</li>
            <li onclick="scrollToDiv('web-content-tech')">技术架构</li>
            <li onclick="scrollToDiv('web-content-vip')">版本差异</li>
            <li onclick="scrollToDiv('web-content-business')">应用场景</li>
            <li onclick="scrollToDiv('web-link')">关于我们</li>
            <li><a href="/README">文档中心</a></li>
            <li><a href="https://gitee.com/ispong/spark-star">Gitee开源</a></li>
            <li><a href="https://github.com/ispong/spark-star">Github开源</a></li>
        </ul>
        <ul id="web-nav-ul-mobile">
            <li><a href="/README">文档中心</a></li>
        </ul>
    </div>
    <div id="web-content">
        <div id="web-content-show">
            <div id="web-content-show-name">至轻云</div>
            <div id="web-content-show-describe">打造超轻量级大数据平台</div>
            <div id="web-content-show-shell">
                <span id="span-docker">docker</span>
                <span id="span-run">run -p 30212:8080 -d registry.cn-hongkong.aliyuncs.com/isxcode/zhiqingyun:main</span>
            </div>
            <button id="web-content-show-demo-button">
                <a onclick="demoBtn()"><span>演示环境</span></a>
            </button>
        </div>
        <div id="web-content-function">
            <div id="web-content-function-name">产品优势</div>
            <ul id="web-content-function-ul">
                <li id="show-func-link-1" onclick="show_func_link(1)">极&nbsp;速&nbsp;部&nbsp;署</li>
                <li id="show-func-link-2" onclick="show_func_link(2)">多&nbsp;数&nbsp;据&nbsp;源</li>
                <li id="show-func-link-3" onclick="show_func_link(3)">丰&nbsp;富&nbsp;作&nbsp;业</li>
                <li id="show-func-link-4" onclick="show_func_link(4)">数&nbsp;据&nbsp;建&nbsp;模</li>
                <li id="show-func-link-5" onclick="show_func_link(5)">定&nbsp;义&nbsp;接&nbsp;口</li>
                <li id="show-func-link-6" onclick="show_func_link(6)">周&nbsp;期&nbsp;调&nbsp;度</li>
            </ul>

            <div id="func-1">
                <img class="func-img" src="https://img.isxcode.com/picgo/20230304121336.png">
                <div class="func-desc">
                    <span>▪️&nbsp; Docker一键部署</span>
                    <p>能够快速地将应用程序打包到容器中，并且可以在不同的环境中快速部署。</p>
                    <span>▪️&nbsp; 大集群秒速落地</span>
                    <p>能够快速响应业务需求，缩短了系统开发和部署的时间，提高了业务的敏捷性。</p>
                    <span>▪️&nbsp; 代码开源</span>
                    <p>能够让全球的开发者协同开发，共同完善代码，提高代码的质量和稳定性。经过众多开发者和用户的测试和使用，可以更加可靠和稳定。</p>
                </div>
            </div>
            <div id="func-2">
                <img class="func-img" src="https://img.isxcode.com/picgo/20230304121419.png">
                <div class="func-desc">
                    <span>▪️&nbsp; 5种基础数据源</span>
                    <p>包括：MySQL、SQL Server、Oracle、Hive、Kafka。</p>
                    <span>▪️&nbsp; 结构化数据源</span>
                    <p>包括：PostgreSQL、DB2、Hana SAP、Hive等。</p>
                    <span> ▪️&nbsp; 非结构化数据源</span>
                    <p>包括：Hdfs、MongoDB、Doris、Clickhouse、Hbase、OSS等。</p>
                    <span> ▪️&nbsp; 实时数据源</span>
                    <p>包括：Redis、RabbitMQ、RocketMQ、ActiveMQ等。</p>
                </div>
            </div>
            <div id="func-3">
                <img class="func-img" src="https://img.isxcode.com/picgo/20230304121508.png">
                <div class="func-desc">
                    <span>▪️&nbsp; 3种基础作业</span>
                    <p>包括：离线同步、SparkSql、实时同步。</p>
                    <span>▪️&nbsp; 数据采集</span>
                    <p>包括：CSV文件采集到Hive、Excel文件采集到Hdfs等。</p>
                    <span> ▪️&nbsp; 数据查询</span>
                    <p>支持大数据秒速查询返回，基于Spark两种模式：Per-job模式和Session模式。</p>
                    <span> ▪️&nbsp; 其他作业</span>
                    <p>包括：Shell脚本、ETL作业、Python脚本、自定义Spark函数、自定义Spark插件等。</p>
                </div>
            </div>
            <div id="func-4">
                <img class="func-img" src="https://img.isxcode.com/picgo/20230304121529.png">
                <div class="func-desc">
                    <span>▪️&nbsp; 数据模型</span>
                    <p>支持数据分层、数据域、业务过程等功能。</p>
                    <span>▪️&nbsp; 数据字典</span>
                    <p>可自定义数据字典，对大数据中的字段进行字典翻译。</p>
                    <span> ▪️&nbsp; 数据指标</span>
                    <p>可快速对数据进行归总和分析，且支持可视化图形展示。</p>
                    <span> ▪️&nbsp; 数据标签</span>
                    <p>数据支持打标签功能。</p>
                </div>
            </div>
            <div id="func-5">
                <img class="func-img" src="https://img.isxcode.com/picgo/20230304115447.png">
                <div class="func-desc">
                    <span>▪️&nbsp; 可视化配置</span>
                    <p>提供可视化配置接口，零代码亦可配置开放Api接口，为其他服务提供数据。</p>
                    <span> ▪️&nbsp; 安全加密</span>
                    <p>接口具备Token身份校验机制，或配置客户自定义身份认证逻辑。</p>
                    <span> ▪️&nbsp; 数据脱敏</span>
                    <p>对特殊数据进行脱敏管理，根据不同用户权限访问不同加密数据。</p>
                    <span>▪️&nbsp; 低延迟响应</span>
                    <p>基于Spark实现数据查询，全内存查询，提供超快查询能力。</p>
                </div>
            </div>
            <div id="func-6">
                <img class="func-img" src="https://img.isxcode.com/picgo/20230304115307.png">
                <div class="func-desc">
                    <span>▪️&nbsp; 逻辑作业流</span>
                    <p>作业流支持逻辑节点，包括循环节点、判断节点、分流节点、归并节点等。</p>
                    <span>▪️&nbsp; 实例查询</span>
                    <p>作业运行实例化，提供作业实例界面UI。</p>
                    <span> ▪️&nbsp; 基线管理</span>
                    <p>配置作业基线，支持短信提醒，邮箱提醒，消息中心提醒等方式。</p>
                    <span> ▪️&nbsp; 版本回滚</span>
                    <p>作业支持版本发布管理，实现多版本记录，并支持作业回滚版本。</p>
                </div>
            </div>
        </div>

        <div id="web-content-tech">
            <div id="web-content-tech-name">技术架构</div>
            <div id="web-content-tech-describe">基于Spark计算引擎，打造Hadoop生态超轻量级大数据平台。</div>
            <div class="image-container">
                <img id="tech-img" src="https://img.isxcode.com/picgo/20230304115621.png" alt="tec"/>
            </div>
        </div>

        <div id="web-content-vip">
            <div id="web-content-vip-name">版本差异</div>
            <table id="web-content-vip-table">
                <tr class="deep-tr">
                    <th>功能</th>
                    <th>社区版</th>
                    <th>企业版</th>
                </tr>
                <tr>
                    <td>数据源</td>
                    <td>基础类型</td>
                    <td>所有</td>
                </tr>
                <tr class="deep-tr">
                    <td>离线同步</td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                </tr>
                <tr>
                    <td>实时同步</td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                </tr>
                <tr class="deep-tr">
                    <td>作业类型</td>
                    <td>基础类型</td>
                    <td>所有</td>
                </tr>
                <tr>
                    <td>任务调度</td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                </tr>
                <tr class="deep-tr">
                    <td>数据建模</td>
                    <td><img class="vip-svg-false" src="assets/images/false.svg"/></td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                </tr>
                <tr>
                    <td>OpenApi</td>
                    <td><img class="vip-svg-false" src="assets/images/false.svg"/></td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                </tr>
                <tr class="deep-tr">
                    <td>BI大屏</td>
                    <td><img class="vip-svg-false" src="assets/images/false.svg"/></td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                </tr>
                <tr>
                    <td>自定义插件</td>
                    <td><img class="vip-svg-false" src="assets/images/false.svg"/></td>
                    <td><img class="vip-svg-true" src="assets/images/true.svg"/></td>
                </tr>
                <tr class="deep-tr">
                    <td>合作</td>
                    <td>开源免费</td>
                    <td>联系咨询</td>
                </tr>
            </table>
        </div>

        <div id="web-content-business">
            <div id="web-content-business-name">应用场景</div>
            <div id="web-content-business-scroll">
                <div class="web-content-business-example">
                    <div class="web-content-business-title">
                        <img src="assets/images/car.svg"/>
                        <span>汽车行业</span>
                    </div>
                    <div class="web-content-business-describe">
                        利用大数据来提高汽车的性能和用户体验。
                        智能车辆拥有大量的传感器，可以收集各种数据，包括车速、加速度、方向盘转向角度、制动力、电池温度等等。
                        这些数据被传送到大数据的云平台上，然后被用来进行数据分析和改进汽车的性能和用户体验。
                    </div>
                </div>
                <div class="web-content-business-example">
                    <div class="web-content-business-title">
                        <img src="assets/images/half_eve.svg"/>
                        <span>半导体行业</span>
                    </div>
                    <div class="web-content-business-describe">
                        半导体制造公司利用大数据来改进制造过程和供应链管理。
                        工厂和供应链拥有大量的传感器和监控系统，可以收集各种数据，包括生产效率、质量控制、零部件供应等等。
                        这些数据被用来进行制造过程和供应链优化，从而提高效率和减少成本。
                    </div>
                </div>
                <div class="web-content-business-example">
                    <div class="web-content-business-title">
                        <img src="assets/images/people_draw.svg">
                        <span>用户画像</span>
                    </div>
                    <div class="web-content-business-describe">
                        利用大数据来构建用户画像，更好地了解客户需求和购物行为。
                        收集并分析各种数据，包括浏览历史、购买记录、搜索关键词等等。
                        通过对这些数据的分析，能够更好地了解客户的购物偏好、兴趣爱好、年龄段等等，从而为客户提供更加个性化的商品推荐和营销策略。
                    </div>
                </div>
                <div class="web-content-business-example" id="">
                    <div class="web-content-business-title">
                        <img src="assets/images/report.svg">
                        <span>BI报表</span>
                    </div>
                    <div class="web-content-business-describe">
                        利用大数据BI报表，分析车站客流、列车运行、货运等多种数据来源，以更加准确地了解客流情况、车辆运行情况等等。
                        BI报表能够通过实时数据分析、数据可视化等方式，为管理者提供直观的数据展示和分析，从而为企业提供更加精准的管理支持。
                    </div>
                </div>
            </div>
        </div>
        <div id="web-link">
            <div id="web-link-name">关于我们</div>
<!--            <div id="web-link-company">至轻信息科技有限公司</div>-->
            <div id="web-link-company">至轻云大数据创新团队</div>
            <img id="web-link-wechat" src="https://img.isxcode.com/picgo/20230303190611.png"/>
            <div id="web-link-wechat-describe">扫码添加至轻云产品顾问</div>
            <div id="web-link-email">联系邮箱: ispong@outlook.com</div>
        </div>
    </div>
</div>
